<template>
  <div class="my-overview">
    <div class="main-content">
      <div class="my-banner icon-my-overview-banner">
        <div class="fix-top">
          <div class="user">
            <a class="user-head" href="/user/account/person">
              <img class="head-img" id="head-img" src="https://pic.qianxiangbank.com/qx/borrower.png" alt="">
              <!--<img class="head-img" src="" alt="">-->
            </a>
            <div class="user-info">
              <a class="user-name has-login" id="user-name" href="javascript:void(0);" onclick="openAccount()"
                 style="display: none;">
              </a>
              <span class="user-phone has-login" style="display: none;">****</span>
              <a class="link-block my-overview-sign no-login" href="/user/user/main" style="display: block;">登录/注册</a>
            </div>
          </div>
        </div>
        <div class="account-info">
          <div class="account-name ">账户余额(元)</div>
          <div class="account-num has-login" style="display: none;"></div>
          <div class="account-no-login no-login" style="display: block;">--</div>
        </div>
        <div class="move-gif-box">
          <img class="move-gif-img" src="../../assets/images/my/account/my-account-dynamic.gif" alt="">
        </div>

        <div class="tran">
          <a class="recharge link-block" href="javascript:void(0);" onclick="toWithdraw('/user/transaction/recharge')">
            <div class="re-icon icon-overview-recharge"></div>
            <div class="tran-word">充值</div>
          </a>
          <a class="withdraw link-block" href="javascript:void(0);" onclick="toWithdraw('/user/transaction/withdraw')">
            <div class="wi-icon icon-overview-withdraw"></div>
            <div class="tran-word">提现</div>
          </a>
        </div>
      </div>
      <div class="overview-other">
        <div class="white-space"></div>

        <div class="overview-list">
          <a class="project link-block" href="/record/borrow/allAssetList">
            <div class="project-icon icon-overview-borrow "></div>
            <div class="project-con">
              <div class="word-top user-type"> 借款记录</div>
              <div class="word-down payment-count has-login" style="display: none;">


              </div>
            </div>
          </a>
          <a class="project link-block" href="/record/repay/0">
            <div class="project-icon     icon-overview-repay"></div>
            <div class="project-con">
              <div class="word-top ">还款计划</div>
              <div class="word-down has-login" style="display: none;">还款详细信息</div>
            </div>
          </a>

        </div>
        <div class="overview-list">
          <a class="project link-block" href="/record/guarantee/allGuaranteeList">
            <div class="project-icon  icon-overview-guarantee"></div>
            <div class="project-con">
              <div class="word-top user-type"> 担保记录</div>
              <div class="word-down payment-count has-login" style="display: none;">


              </div>

            </div>
          </a>
          <a class="project link-block" href="javascript:void(0);" onclick="showBankDetail()">
            <div class="project-icon icon-overview-bank"></div>
            <div class="project-con">
              <div class="word-top ">银行卡</div>


            </div>
          </a>
        </div>
        <div class="overview-list">
          <a class="project link-block" href="/page/help/help.html">
            <div class="project-icon icon-overview-help"></div>
            <div class="project-con">
              <div class="word-top">帮助中心</div>
              <div class="word-down has-login " style="display: none;">您的贷款顾问</div>
            </div>
          </a>
          <a class="project link-block" href="/user/account/setUser">
            <div class="project-icon icon-overview-setting"></div>
            <div class="project-con">
              <div class="word-top ">账户设置</div>
            </div>
          </a>
        </div>
      </div>

      <div class="more-service my-more-service ">
        <div class="more-top">驰展控股旗下借贷信息服务</div>
        <div class="more-down">
          <span>—</span> 更多服务 敬请期待
          <span>—</span>
        </div>
      </div>


    </div>
    <tab-bar :active_index='2'></tab-bar>
  </div>
</template>
<script>
  import tabBar from '@/components/TabBar'


  export default {
    data(){
      return {};
    },
    mounted(){

    },
    watch: {},
    components: {tabBar}
  }

</script>
<style lang="scss">
  @import '../../assets/scss/overview.scss';
</style>
